/* 
    Document   : main
    Created on : Oct 11, 2011, 6:41:21 PM
    Author     : Andreas, Daniel, Erik
    Description:
        Purpose of the stylesheet follows.
*/


root { 
    display: block;
}

html, body {
    background-color: #202123;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #f8f8f8;
    margin: 0;
    height: 100%;
    background-image: url(../img/darkgreyTextureBg.png);
}

.textCentered {
    text-align: center;
	
}

/* template.xhtml */

div#bgwrapper {
    width: 840px;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #202123;
    margin: auto;
    padding: 0.2em;
    min-height: 100%;
    padding-left: 146px;
    padding-right: 146px;
    background-image: url(../img/wideGradBg.png);
    background-repeat: repeat-y;
}

div#wrapper {
    /*background-image: url(../img/greyTextureBg.png);*/
    padding-bottom: 3em;
}

div#header {
    height: 178px;
    background-image: url(../img/logoBg.png);
}

div#content {

}

div#footer {
    text-align: center;
    font-size: small;
    height: 60px;
    padding: 10px;
    margin-top: 15px;
    background-image: url(../img/footerBg.png);
    background-repeat: no-repeat;
}



/* header.xhtml */
div#headerMenu {

}

div#loggedInStatus {
    height: 30px;
}

a:link {
    color: #f8f8f8;
}
a:visited {
    color: #f8f8f8;
}
a:active {
    color: #f8f8f8;
}
a:hover {
    color: #f8f8f8;
}


/* index.xhtml */
div#imageDropZone {
    color: #fefefe;
    border-radius: 5px;
    border: 5px solid #646464;
    background-color: #646464;

    width: 19em;
    height: 12em;
    float: left;
    margin: 1em;
    margin-left: 3em;
    padding: 1em;

    text-align: center;

    background-image: url(../img/uploadIcon.png);
    background-position: bottom;
    background-repeat: no-repeat;

}

div#loginForm {
    
    color: #fefefe;
    border-radius: 5px;
    border: 5px solid #646464;
    background-color: #646464;
    
    width: 19em;
    height: 12em;
    float: right;
    margin: 1em;
    margin-right: 3em;
    padding: 1em;
}


div.clearDiv {
    width: 45em;
    clear: both;
}

div#photoStream {
    width: 45em;
    margin-left: 3em;
    margin-right: 3em;
    
    color: #fefefe;
    border-radius: 5px;
    border: 5px solid #646464;
    background-color: #646464;
}

div.photostreamImage {
    width: 80px;
    height: 80px;
    color: #fefefe;
    border-radius: 3px;
    border: 3px solid #646464;
    background-color: #646464;
    float: left;
    margin-right: 1px;
    margin-left: 1px;
}
img.photostreamImage {
    width: 80px;
    height: 80px;
}

/* register.xhtml */

#registerForm {
    color: #fefefe;
    border-radius: 5px;
    border: 5px solid #646464;
    background-color: #646464;
    
    width: 20em;
    margin: 1em;
    margin-right: auto;
    margin-left: auto;
    padding: 1em;
    
}

/*************/
/*
td.loginTd {
    font-size: 12px;
    vertical-align: top;
    margin-top: 0px;

}

.imageItem {
    width: 200px;
    height: 114px;
    text-align: center;
    left: inherit;
}

fieldset.loginFieldset {
    width: 250px;
}



.loginButton {
    height: 25px;
    width: 75px;

    float: inherit;
}

ul.horizontalAlign {
    float: left;
}*/
/******************/


/* viewentry.xhtml */
#entryImage { 
    min-height:300px;
    min-width:400px;
    border-radius: 5px; 
    border: 5px solid #747474; 
    background-color: #747474; 
}

.ratingContainer {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.commentList {
    width:510px; 
}

.commentListContainer {
    width:600px; 
    margin-top:20px;
    margin-left: auto;
    margin-right: auto;
}

.commentContainer {
    color:black;
    width: 500px; 
    border-radius:5px; 
    background-color: #D4E6D8; 
    padding:5px; 
    margin-top:5px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.commentUserName {
    clear:right; 
    font-weight:bold; 
    font-family:serif; 
    font-size:14px;
}

.commentText {
    clear:right; 
    font-family:serif; 
    font-size:14px;
}

.commentTime {
    margin-top: 5px;
    font-style: italic;
    font-size: 10px;
    
}

.panelGrid {
    background-color: white; 
    color:black; 
    border-radius: 5px; 
    border: 5px solid white;
}


/* browseimages.xhtml */

.imageList {
    margin-left: auto;
    margin-right: auto;
    width: 650px;
}

.imageThumb {
    border-radius: 5px;
    border: 5px solid #646464;
    background-color: #646464;
    width: 200px;
    height: 200px;
    margin:5px;
}

